<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Dashboard Template for Bootstrap</title>
    <script src="/js/dropdown.js"></script>
    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">

    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>

    <!-- page specific plugin styles -->
    <link rel="stylesheet" href="/css/jquery-ui.custom.min.css" />
    <link rel="stylesheet" href="/css/jquery.gritter.min.css" />
    <link rel="stylesheet" href="/css/select2.min.css" />
    <link rel="stylesheet" href="/css/bootstrap-datepicker3.min.css" />
    <link rel="stylesheet" href="/css/bootstrap-editable.min.css" />

    <!-- text fonts -->
    <link rel="stylesheet" href="/css/fonts.googleapis.com.css" />

    <!--    &lt;!&ndash; ace styles &ndash;&gt;-->
    <!--    <link rel="stylesheet" href="/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />-->


    <link rel="stylesheet" href="/css/ace-part2.min.css" class="ace-main-stylesheet" />

    <link href="/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/css/dashboard.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div th:replace="/catalog/header"></div>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li ><a href="/catalog/main">
                    <i class="glyphicon glyphicon-globe" aria-hidden="true"> </i>
                    Main </a></li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <i class="glyphicon glyphicon-check" aria-hidden="true"> </i>
                        Manage
                        <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/order/allOrder">Order</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="/catalog/item">Catalog</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="/account/account">Account</a></li>
                    </ul>
                </li>

                <li class="dropdown active">

                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <i class="glyphicon glyphicon-user" aria-hidden="true"> </i>
                        Manager
                        <span class="sr-only">(current)</span>
                        <span class="caret"></span>
                    </a>

                    <ul class="dropdown-menu">
                        <li><a href="/manager/profile">Check</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="/manager/managerchange">Change</a></li>
                    </ul>
                </li>
            </ul>
        </div>

        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">

            <div class="main-content-inner">
                <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                    <ul class="breadcrumb">
                        <li class="">
                            <i class="ace-icon fa fa-home home-icon"></i>
                            <a class="page-header" href="/catalog/main">主页</a>
                        </li>
                        <li class="active">
                            管理员修改
                        </li>
                    </ul><!-- /.breadcrumb -->
                </div>
            </div>

            <div class="page-header">
                <div>
                    <h1>
                        管理员修改
                    </h1>
                </div>
            </div>
            <p></p>


            <div id="user-profile-2" class="user-profile row">
                <div class="col-sm-offset-1 col-sm-10">

                    <form class="form-horizontal" action="/manager/change" method="post">
                        <div class="tabbable">
                            <ul class="nav nav-tabs padding-16">
                                <li class="active">
                                    <a data-toggle="tab" href="#edit-basic">
                                        <i class="green ace-icon fa fa-pencil-square-o bigger-125"></i>
                                        基本信息
                                    </a>
                                </li>

                                <li>
                                    <a data-toggle="tab" href="#edit-password">
                                        <i class="blue ace-icon fa fa-key bigger-125"></i>
                                        密码管理
                                    </a>
                                </li>
                            </ul>

                            <div class="tab-content profile-edit-tab-content">
                                <div id="edit-basic" class="tab-pane in active">
                                    <h4 class="header blue bolder smaller">个人信息</h4>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-username">账号(用户名)</label>
                                        <div class="col-sm-9">
                                            <input class="col-sm-2" type="text" id="form-field-username"  name="username" th:value="${session.manager.username}" placeholder="请输入您的账号" required />
                                        </div>
                                    </div>

                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-first">姓名</label>
                                        <div class="col-sm-9">
                                            <input class="input-small" type="text" id="form-field-first" name="name" th:value="${session.manager.name}" placeholder="请输入您的真实姓名" required/>
                                        </div>
                                    </div>

                                    <hr />
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-date">生日</label>

                                        <div class="col-sm-9">
                                            <div class="input-medium">
                                                <div class="input-group">
                                                    <input class="input-medium date-picker" id="form-field-date" type="text" data-date-format="yyyy-mm-dd" name="birthDay" th:value="${session.manager.birthDay}" placeholder="yyyy-mm-dd" required />
                                                    <span class="input-group-addon">
														<i class="ace-icon fa fa-calendar"></i>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right">性别</label>

                                        <div class="col-sm-9">
                                            <label class="inline">
                                                <input type="radio" name="sex" value="male" class="ace" th:checked="${session.manager.sex eq 'male'} "/>
                                                <span class="lbl middle"> 男</span>
                                            </label>
                                            <label class="inline">
                                                <input type="radio" name="sex" value="female" class="ace" th:checked="${session.manager.sex eq 'female'}"/>
                                                <span class="lbl middle"> 女</span>
                                            </label>
                                        </div>
                                    </div>

                                    <div class="space"></div>
                                    <h4 class="header blue bolder smaller">联系方式</h4>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-email">邮箱</label>

                                        <div class="col-sm-9">
											<span class="input-icon input-icon-right">
												<input type="email" id="form-field-email" name="email" th:value="${session.manager.email}" placeholder="请输入您的邮箱" required/>
												<i class="ace-icon fa fa-envelope"></i>
											</span>
                                        </div>
                                    </div>

                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-phone">手机</label>
                                        <div class="col-sm-9">
											<span class="input-icon input-icon-right">
												<input class="input-medium input-mask-phone" type="text" id="form-field-phone" name="phone" th:value="${session.manager.phone}" placeholder="请输入您的手机号" required/>
												<i class="ace-icon fa fa-phone fa-flip-horizontal"></i>
											</span>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-address">地址</label>
                                        <div class="col-sm-9">
                                            <input class="input-small" type="text" id="form-field-address" name="address" th:value="${session.manager.address}" placeholder="请输入您的地址" required/>
                                        </div>
                                    </div>

                                </div>

                                <div id="edit-password" class="tab-pane">
                                    <div class="space-10"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-pass1">新密码</label>

                                        <div class="col-sm-9">
                                            <input type="password" name="password" th:value="${session.manager.password}" id="form-field-pass1" required/>
                                        </div>
                                    </div>

                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-pass2">确认密码</label>

                                        <div class="col-sm-9">
                                            <input type="password" name="rePassword" id="form-field-pass2" />
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="clearfix form-actions">
                                <div class="col-md-offset-3 col-md-9">
                                    <button class="btn btn-info" type="submit">
                                        <i class="ace-icon fa fa-check bigger-110"></i>
                                        保存
                                    </button>
                                    <button class="btn" type="reset">
                                        <i class="ace-icon fa fa-undo bigger-110"></i>
                                        重置
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div><!-- /.span -->
            </div><!-- /.user-profile -->


            <!-- PAGE CONTENT ENDS -->
        </div><!-- /.col -->
    </div><!-- /.row -->
</div><!-- /.page-content -->

</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="/js/vendor/jquery.min.js"><\/script>')</script>
<script src="/js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<script src="/js/holder.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="/js/ie10-viewport-bug-workaround.js"></script>

</div>
</body>
</html>